/* 底部导航栏图标样式 */
.tabbar-icon {
  position: relative;
  display: inline-block;
  width: 24px;
  height: 24px;
}

/* 首页图标 */
.tabbar-icon-home::before {
  content: '🏠';
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 活动图标 */
.tabbar-icon-activity::before {
  content: '🎉';
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 订单图标 */
.tabbar-icon-order::before {
  content: '📋';
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 我的图标 */
.tabbar-icon-profile::before {
  content: '👤';
  font-size: 20px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

/* 选中状态的图标颜色 */
.tabbar-icon.active {
  color: #4facfe;
}

.tabbar-icon:not(.active) {
  color: #999999;
}